<template>
  <div class="kind-wrap flex-row-between">
    <KindCountBar />
    <StatusCountPie :list="list" />
  </div>
</template>

<script lang="ts" setup>
import KindCountBar from './KindCountBar.vue'
import StatusCountPie from './StatusCountPie.vue'

withDefaults(
  defineProps<{
    list: Record<string, any>[]
  }>(),
  {
    list: () => [],
  },
)
</script>

<style lang="scss" scoped>
.kind-wrap {
  height: vh(378);
}
</style>
